import styles from './index.less';
import MainPage from './mainPage/index';
import { theme, ConfigProvider, Select } from 'antd';
// import { toggleTheme } from '@zougt/theme-css-extract-webpack-plugin/dist/toggleTheme';
export default () => {
  const fun1 = function () {};
  const fun2 = () => {};

  // const toggleTheme = (scopeName = 'theme-red') => {
  //   document.documentElement.className = 'theme-red';
  //   // document.documentElement.className = 'theme-default';
  // };
  // toggleTheme();

  // const themeConfig = env.themeConfig;
  // toggleTheme({
  //   scopeName: 'theme-default',
  //   multipleScopeVars: themeConfig.multipleScopeVars,
  //   extract: themeConfig.extract,
  //   publicPath: themeConfig.publicPath,
  //   outputDir: themeConfig.extractCssOutputDir,
  //   // customLinkHref: (href) => href,
  //   // themeLinkTagId: "theme-link-tag",
  //   // removeCssScopeName: false,
  //   // loading: {
  //   //   show: () => {},
  //   //   hide: () => {},
  //   // },
  // });
  return (
    <>
      <ConfigProvider
        theme={{
          token: {
            // colorPrimary: '#00a2fb',
            borderRadius: 6,
            // colorBgContainer: 'rgba(7, 59, 108,.6)',
          },
          // components: {
          //   Select: {
          //     colorText: '#fff',
          //     controlItemBgActive: 'rgba(0, 174, 255,.6)', //激活下的颜色
          //     // controlItemBgHover: 'rgb(11, 73, 127)', //悬浮时的背景颜色
          //     colorBorder: '#00AEFF', //边框颜色
          //     colorBgElevated: 'rgba(7, 59, 108,.4)', //浮层容器背景色
          //     controlOutlineWidth: 0, //空白
          //     colorTextQuaternary: '#fff', //按钮颜色
          //     colorTextPlaceholder: '#fff', //控制占位文本的颜色
          //     controlHeight: 28,
          //   },
          // },
        }}
      >
        <h1 className={styles.title}>
          <MainPage />
          <Select
            defaultValue="lucy"
            style={{ width: 120 }}
            disabled
            options={[{ value: 'lucy', label: 'Lucy' }]}
          />
          <Select
            defaultValue="lucy"
            style={{ width: 120 }}
            loading
            options={[{ value: 'lucy', label: 'Lucy' }]}
          />
        </h1>
      </ConfigProvider>
    </>
  );
};
